<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>18-iframe框架-node</title>
		<link rel="stylesheet" href="../css/node-public.css">
	</head>
	<body>
		
		<div id="box">
			<h1>18-iframe框架-node+</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<div id="main-box">
			<ul>
				<li>
					<h2>iframe框架</h2>
					<span>frameborder  框架的边框
			0  不显示
			1  显示
		 scrolling 
			no    不显示滚动条
			yes   显示滚动条
			auto  根据内容显示线条

		</span>
				</li>
				<li>
					<h2>css继承</h2>
					<span>font、text文本类的属性都有继承性(包括line-height、color)
		a标签不会继承父级的文字颜色
		h标签不会完全按照继承的文字大小去显示
		inherit   继承父级该属性的属性值
		</span>
				</li>
				<li>
				<h2>过渡</h2>
					<span>从一种样式到另一种样式的变化
		transition  
			transition-property   你需要过渡的属性名称
				all  所有能过渡的属性
			transition-duration   过渡花费的时间
			transition-timing-function     过渡的速度曲线
				ease   慢速开始，然后加快，结束变慢
				linear  匀速
				ease-in	规定以慢速开始的过渡效果
				ease-out	规定以慢速结束的过渡效果
				ease-in-out	规定以慢速开始和结束的过渡效果
			transition-delay    延迟时间
			想要谁过渡，就在谁身上加，不要在变换后的加
		transition 
			能过渡的：大小、颜色、opacity、display

		display: none;  消失，不存在
		display: block;   显示
		</span>
				</li>
				<li>
					<h2>visibility</h2>
					<span>visibility   设置元素的可见方式
			hidden   让元素不可见
			visible  让元素可见

		visibility:hidden 和 display:none的区别：
			display:none 是完全消失，页面hover不到，并且会造成其他的属性没有过渡效果
			visibility:hidden  也是消失，但是存在于页面上，也hover不到，并不会影响
				别的属性的过渡效果。
		</span>
				</li>
			</ul>
	</body>
</html>
